<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Calculator</title>
    <meta name="description" content="Simple Calculator With Dark Mode." />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="../static/css/index.css">
    <link rel="stylesheet" href="../static/css/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../static/css/side_bar.css">
    <script src="../static/js/jquery.min.js"></script>
</head>
<body>
<div class="wrapper">
    <div class="container">
        <div class="header_container">
            <div class="header_left">
                <i class="fa fa-list toggle" aria-hidden="true"></i>
                <h>标准</h>
                <i class="fa fa-history" aria-hidden="true"></i>
            </div>
        </div>
        <div class="input_container">
            <input  class="res_in" type="text" name="result" id="result" value="0" readonly />
            <input id="hisIn" type="text" name="history_input" class="his_in" value="" readonly/>
        </div>
        <div class="row_1 row">
            <input class="button b2" type="button" value="%" onclick="liveScreen('%')"/>
            <input class="button b2" type="button" value="CE" id="CE"/>
            <input class="button b2" type="button" value="C" id="clear"/>
            <input class="button b2 del" type="button" value="delete" />
        </div>
        <div class="row_2 row">
            <input class="button b2" type="button" value="1/x" onclick="liveScreen('1/x')"/>
            <input class="button b2" type="button" value="x^2"    onclick="liveScreen('x^2')"/>
            <input class="button b2" type="button" value="√x" onclick="liveScreen('√x')"/>
            <input class="button b2" type="button" value="÷" onclick="liveScreen('÷')"/>
        </div>
        <div class="row_3 row">
            <input class="button b2 digital" type="button" value="7"    onclick="liveScreen('7')"/>
            <input class="button b2 digital" type="button" value="8" onclick="liveScreen('8')"/>
            <input class="button b2 digital" type="button" value="9" onclick="liveScreen('9')"/>
            <input class="button b2" type="button" value="X" onclick="liveScreen('X')"/>
        </div>
        <div class="row_4 row">
            <input class="button b2 digital" type="button" value="4"    onclick="liveScreen('4')"/>
            <input class="button b2 digital" type="button" value="5" onclick="liveScreen('5')"/>
            <input class="button b2 digital" type="button" value="6" onclick="liveScreen('6')"/>
            <input class="button b2" type="button" value="-" onclick="liveScreen('-')"/>
        </div>
        <div class="row_5 row">
            <input class="button b2 digital" type="button" value="1"    onclick="liveScreen('1')"/>
            <input class="button b2 digital" type="button" value="2" onclick="liveScreen('2')"/>
            <input class="button b2 digital" type="button" value="3" onclick="liveScreen('3')"/>
            <input class="button b2" type="button" value="+" onclick="liveScreen('+')"/>
        </div>
        <div class="row_6 row">
            <input class="button b2" type="button" value="+/-" onclick="liveScreen('+/-')"/>
            <input class="button b2" type="button" value="0" onclick="liveScreen('0')"/>
            <input class="button b2" type="button" value="." onclick="liveScreen('.')"/>
            <input class="button b2 calculate" type="button" value="=" onclick="liveScreen('=')"/>
        </div>
        <div class="side_bar bar_close" id="sideBar">
            <div class="bar_wrapper">
                <header class="bar_head">计算器</header>
                <url class="bar_url">
                    <li class="bar_nav nav_active"><a href="/standard"><i class="fa fa-chevron-right" aria-hidden="true"></i> 标准</a></li>
                    <li class="bar_nav"><a href="/"><i class="fa fa-chevron-right" aria-hidden="true"></i> 科学</a></li>
                    <li class="bar_nav"><a href="/date"><i class="fa fa-chevron-right" aria-hidden="true"></i> 日期计算</a></li>
                </url>
                <header class="bar_head">转换器</header>
                <url class="bar_url">
                    <li class="bar_nav"><a href="/vol"><i class="fa fa-chevron-right" aria-hidden="true"></i> 容量</a></li>
                    <li class="bar_nav"><a href="/length"><i class="fa fa-chevron-right" aria-hidden="true"></i> 长度</a></li>
                </url>
            </div>
        </div>
    </div>


</div>
</body>
<script src="../static/js/stack.js"></script>
<script src="../static/js/models.js"></script>
<script src="../static/js/index.js"></script>
<script src="../static/js/calculate.js"></script>
<script src="../static/js/sideBar.js"></script>
</html>